<template>
  <div>
    <h2 class="page-title">控制台</h2>

    <div class="content-card">
      <h3>欢迎使用管理系统</h3>
      <p>当前时间: {{ currentTime }}</p>
      <p>菜单状态: {{ isCollapse ? '折叠' : '展开' }}</p>
    </div>

    <div class="content-card">
      <h3>系统功能简介</h3>
      <p>这是一个基于Element UI的左侧菜单实现，包含多级菜单、响应式布局和动态折叠功能。</p>
      <p>点击左上角的菜单图标可以切换菜单的折叠状态。</p>
    </div>


  </div>
</template>

<script>
  import JavaJvm from './JavaJvm'
    export default {
        name: "HomePage",
      components:{
        JavaJvm
      },
      data() {
        return {
          weixin:'static/weixin.png',
          sales:'1200',
          weekRate:'12%',
          yun:['云','东','升','货','物','管','理','系','统'],
          value: new Date()
        }
      }
    }
</script>

<style scoped>
  .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
  }

  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
  .span{
    margin-top: 100px;
  }
  .workbench-part{
    border: 1px solid #DCDFE6;
    padding: 35px;
    border-radius: 5px;
  }
  .tel-part{
    margin-left: 10px;
    border: 1px solid #DCDFE6;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
  }

  .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 200px;
    margin: 0;
  }

  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
</style>
